<template>
  <div class="nav">
    <header-top></header-top>
    <div class="top-logo">
        <a http="#">
           <img src="../../common/img/jdlogo.png" />
        </a>
    </div>
    <div class="top-nav">
        <a http="#">
            首页
        </a>
        <span>></span>
        网站地图
    </div>
    <div class="site-map">
        <div class="sm-buyer">
            <h1>我是买家</h1>
            <div class="content1-1">
                <div class="content1-1-1">
                    <div class="content1-1-1-title">
                        <img src="../../common/img/sm1.png" />
                        <h4>成为京豆会员</h4>
                    </div>
                    <div class="content1-1-1-list">
                        <ul><li v-for="(item,index) in list1" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content1-1-2">
                    <div class="content1-1-2-title">
                        <img src="../../common/img/sm2.png" />
                        <h4>我要买</h4>
                    </div>
                    <div class="content1-1-2-list">
                        <ul><li v-for="(item,index) in list2" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content1-1-3">
                    <div class="content1-1-3-title">
                        <img src="../../common/img/sm3.png" />
                        <h4>我要买</h4>
                    </div>
                    <div class="content1-1-3-list">
                        <ul><li v-for="(item,index) in list3" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="content1-2">
                <div class="content1-2-1">
                    <div class="content1-2-1-title">
                        <img src="../../common/img/sm4.png" />
                        <h4>购物助手</h4>
                    </div>
                    <div class="content1-2-1-list">
                        <ul><li v-for="(item,index) in list4" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content1-2-1">
                    <div class="content1-2-1-title">
                        <img src="../../common/img/sm5.png" />
                        <h4>导航工具</h4>
                    </div>
                    <div class="content1-2-1-list">
                        <ul><li v-for="(item,index) in list5" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="sm-seller">
            <h1>我是卖家</h1>
            <div class="content2-1">
                <div class="content2-1-1">
                    <div class="content2-1-1-title">
                        <img src="../../common/img/sm6.png" />
                        <h4>我要卖</h4>
                    </div>
                    <div class="content2-1-1-list">
                        <ul><li v-for="(item,index) in list6" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content2-1-2">
                    <div class="content2-1-2-title">
                        <img src="../../common/img/sm7.png" />
                        <h4>店铺管理</h4>
                    </div>
                    <div class="content2-1-2-list">
                        <ul><li v-for="(item,index) in list7" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content2-1-3">
                    <div class="content2-1-3-title">
                        <img src="../../common/img/sm8.png" />
                        <h4>客户服务</h4>
                    </div>
                    <div class="content2-1-3-list">
                        <ul><li v-for="(item,index) in list8" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="content2-2">
                <div class="content2-2-1">
                    <div class="content2-2-1-title">
                        <img src="../../common/img/sm9.png" />
                        <h4>宝贝管理</h4>
                    </div>
                    <div class="content2-2-1-list">
                        <ul><li v-for="(item,index) in list9" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content2-2-2">
                    <div class="content2-2-2-title">
                        <img src="../../common/img/sm10.png" />
                        <h4>营销中心</h4>
                    </div>
                    <div class="content2-2-2-list">
                        <ul><li v-for="(item,index) in list10" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="content2-2-3">
                    <div class="content2-2-3-title">
                        <img src="../../common/img/sm11.png" />
                        <h4>营销中心</h4>
                    </div>
                    <div class="content2-2-3-list">
                        <ul><li v-for="(item,index) in list11" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>            
        </div>
        <div class="sm-account">
            <h1>账号管理</h1>
            <div class="content3">
                    <div class="content3-title">
                        <img src="../../common/img/sm15.png" />
                        <h4>账户管理</h4>
                    </div>
                    <div class="content3-list">
                        <ul><li v-for="(item,index) in list15" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
            </div>
        </div>
        <div class="sm-help">
            <h1>京东帮助</h1>
            <div class="content4">
                    <div class="content4-title">
                        <img src="../../common/img/sm16.png" />
                        <h4>帮助</h4>
                    </div>
                    <div class="content4-list">
                        <ul><li v-for="(item,index) in list16" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
            </div>
        </div>
        <div class="sm-open">
            <h1>开放平台</h1>
            <div class="content5">
                    <div class="content5-title">
                        <img src="../../common/img/sm17.png" />
                        <h4>开放平台</h4>
                    </div>
                    <div class="content5-list">
                        <ul><li v-for="(item,index) in list17" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                    </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="footer-1">
            <ul><li v-for="(item,index) in list18" :key="index + item.path">
                                <a href="">
                                    {{ item }}  |
                                </a>
                            </li>
                        </ul>
        </div>
        <div class="footer-2">
            <div class="footer-2-1">
                <ul><li v-for="(item,index) in list19" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
                <span>© 2003-2016 jd.com 版权所有</span>
            </div>
            <div class="footer-2-2">
                <ul><li v-for="(item,index) in list20" :key="index + item.path">
                                <a href="">
                                    {{ item }}
                                </a>
                            </li>
                        </ul>
            </div>
        </div>
    </div>
</div>
</template>
<script>
import headerTop from "../../components/HeaderTop/HeaderTop.vue";
export default {
    components: {
    headerTop,
  },
    data() {
        return {
            list1:[
                '注册',
                '登录',
            ],
            list2:[
                "商品分类",
                "购物教程",
                "京东全球",
                "京东台湾",
                "京东香港",
                "京东东南亚",
            ],
            list3:[
                "天天特价",
                "免费试用",
                "京东达人",
                "一元起拍",
                "清仓",
                "京东二手",
                "全球购",
                "新欢",
                "京东奇葩",
                "京东女郎",
                "挑食",
                "京东同学",
                "夜抢购",
                "星店",
                "京东众筹",
                "拍卖会",
                "腔调",
                "同城便民",
                "爱逛街",
                "搭配",
                "我帮你",
                "司法拍卖",
                "租房免佣",
                "京东阅读",
                "京东影视",
                "京东特色",
                "货到付款",
                "天猫",
                "天猫国际",
                "聚划算",
                "超市",
                "医药馆",
            ],
            list4:[
                "购物车",
                "京东会员",
                "促销活动",
                "收藏夹",
                "我的足迹",
                "查寄快递",
                "消费者保障",
                "服务中心",
                "大众评审",
            ],
            list5:[
                "京东旺旺",
                "京东工具条",
                "京信",
                "手机京东",
                "浏览器",
                "来往",
                "京东论坛",
            ],
            list6:[
                "我要卖",
                "免费开店",
                "京东大学",
                "卖家地图",
            ],
            list7:[
                "查看我的店铺",
                "店铺装修",
                "图片空间",
                "宝贝分类管理",
                "店铺基本设置",
                "域名设置",
                "掌柜推荐",
                "媒体中心",
                "分销管理",
                "权限管理",
                "京东贷款",
            ],
            list8:[
                "保障服务",
                "退款管理",
                "维权管理",
                "质询回复",
                "违规记录",
                
            ],
            list9:[
                "出售中的宝贝",
                "橱窗推荐",
                "仓库中的宝贝",
                "仓库管理",
            ],
            list10:[
                "我要推广",
                "活动报名",
                "会员关系管理",
                "促销管理",
                "数据分析",
                "提升流量",
            ],
            list11:[
                "京东助理",
                "旺铺",
                "图片空间",
                "店铺经",
                "图片空间",
                "货到付款",
                "京东客",
                "京东入住",
                "(满就送)",
                "京东度",
                "淘工作",
                "手机京东",
                "手机店铺",
                "京东指数",
            ],
            list12:[
                "已卖出的宝贝",
                "发货",
                "物流工具",
                "发货设置",
                "我有货物要运输",
                "评价管理",
            ],
            list13:[
                "我要订购",
            ],
            list14:[
                "排行榜",
                "服务套餐",
                "体验馆",
                "需求定制市场",
            ],
            list15:[
                "京东安全",
                "密码管理",
                "个人交易系统",
                "京东账户管理",
                "登录邮箱维护",
                "收货地址",
                "网站提醒",
            ],
            list16:[
                "帮助中心",
                "交易安全",
                "京东问答",
                "消费者维权中心",
                "志愿者在线服务",
                "京东规则",
                "密码安全卫士",
            ],
            list17:[
                "开放平台",
                "开发文档",
            ],
            list18:[
                "京东集团",
                "京东网",
                "京东",
                "聚划算",
                "全球速卖通",
                "京东国际交易市场",
                "1688",
                "京东go",
                "京东旅行",
                "京东云计算",
                "YunOs",
                "京东通信",
                "一淘",
                "万网",
                "高德",
                "UC",
                "友盟",
                "虾米",
                "天天动听",
                "来往",
                "京东购",
            ],
            list19:[
                "关于京东",
                "合作伙伴",
                "营销中心",
                "廉正举报",
                "联系客服",
                "开放平台",
                "诚征英才",
                "联系我们",
                "网站地图",
                "法律声明",
            ],
            list20:[
                "网络文化经营许可证：浙网文[2013]0268-027号 |",
                "增值电信业务经营许可证:浙B2-20080224-1 |",
                "信息网络传播视听节目许可证:1109364号 |",
                "互联网违法和不良信息举报电话:0571-81683755 blxx@list.alibaba-inc.com",
            ],
        }
    },
}
</script>


<style scoped>
li {
  display: inline;
}
.top-logo{
    position: relative;
    top: 15px;
    width: 100%;
    height: 60px;
    left: 130px;
}
.top-logo a{
    position: absolute;
}
.top-nav{
    position: relative;
    width: 100%;
    height: 40px;
    margin: 10px 0 25px;
    padding-left: 130px;
    padding-top: 15px;
    border-top: 1px solid #e8e8e8;
}
.site-map{
    position: relative;
    width: 100%;
    height: auto;
}
.site-map .sm-buyer{
    position: relative;
    height: auto;
    width: 1280px;
    margin-left: 120px;
}
.sm-buyer h1{
    display: block;
    font-size: 15px;
    width: 100%;
    height: 35px;
    margin: 0 0 0px 15px;
    color: rgb(255, 145, 105);
}
.sm-buyer .content1-1{
    width: 100%;
    height: 280px;
    background-color: rgb(250,250,250);
    border: 1px solid #e8e8e8;
}
.sm-buyer .content1-2{
    width: 100%;
    height: 200px;
    background-color: rgb(250,250,250);
    border: 1px solid #e8e8e8;
}
.content1-1-1{
    float: left;
    width: 426px;
    height: 200px;
}
.content1-1-1-title{
    height: 60px;
    width: 100%;
}
.content1-1-1-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content1-1-1-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content1-1-1-list{
    position: relative;
    left: 45px;
}
.content1-1-2{
    float: left;
    width: 426px;
    height: 200px;
}
.content1-1-2-title{
    height: 60px;
    width: 100%;
}
.content1-1-2-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content1-1-2-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content1-1-2-list{
    position: relative;
    width: 100%;
    height: 140px;
    left: 45px;
    font-size: 14px;
}
.content1-1-2-list a{
    position: relative;
    display: inline-block;
    width: 85px;
    height: 20px;
    line-height: 1.8;
}
.content1-1-3{
    float: left;
    width: 426px;
    height: 200px;
}
.content1-1-3-title{
    height: 60px;
    width: 100%;
}
.content1-1-3-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content1-1-3-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content1-1-3-list{
    position: relative;
    width: 100%;
    height: 140px;
    top: 5px;
    left: 28px;
    font-size: 14px;
}
.content1-1-3-list a{
    text-align: center;
    position: relative;
    display: inline-block;
    width: 85px;
    height: 20px;
    line-height: 1.0;
}
.content1-2-1{
    float: left;
    width: 426px;
    height: 200px;
}
.content1-2-1-title{
    height: 60px;
    width: 100%;
}
.content1-2-1-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content1-2-1-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content1-2-1-list{
    position: relative;
    width: 100%;
    height: 140px;
    top: 5px;
    left: 32px;
    font-size: 14px;
}
.content1-2-1-list a{
    position: relative;
    text-align: center;
    display: inline-block;
    width: 85px;
    height: 20px;
    line-height: 1.8;
}
.content1-2-2{
    float: left;
    width: 426px;
    height: 200px;
}
.content1-2-2-title{
    height: 60px;
    width: 100%;
}
.content1-2-2-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content1-2-2-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content1-2-2-list{
    position: relative;
    width: 100%;
    height: 140px;
    top: 5px;
    left: 32px;
    font-size: 14px;
}
.content1-2-2-list a{
    position: relative;
    text-align: center;
    display: inline-block;
    width: 85px;
    height: 20px;
    line-height: 1.8;
}
.site-map .sm-seller{
    height: auto;
    width: 1280px;
    margin-left: 120px;
}
.sm-seller h1{
    display: block;
    float: left;
    font-size: 15px;
    width: 100%;
    height: 35px;
    margin: 25px 0 0px 15px;
    top: 15px;
    left: 5px;
    color: rgb(255, 145, 105);
}
.sm-seller .content2-1{
    display: block;
    float: left;
    width: 100%;
    height: 200px;
    background-color: rgb(250,250,250);
    border: 1px solid #e8e8e8;
}
.sm-seller .content2-2{
    display: block;
    float: left;
    width: 100%;
    height: 200px;
    background-color: rgb(250,250,250);
    border: 1px solid #e8e8e8;
}

.content2-1-1{
    float: left;
    width: 426px;
    height: 200px;
}
.content2-1-1-title{
    height: 60px;
    width: 100%;
}
.content2-1-1-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content2-1-1-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content2-1-1-list{
    position: relative;
    width: 100%;
    height: 140px;
    top: 5px;
    left: 54px;
    font-size: 14px;
}
.content2-1-2{
    float: left;
    width: 426px;
    height: 200px;
}
.content2-1-2-title{
    height: 60px;
    width: 100%;
}
.content2-1-2-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content2-1-2-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content2-1-2-list{
    position: relative;
    width: 100%;
    height: 140px;
    left: 50px;
    font-size: 14px;
}
.content2-1-2-list a{
    position: relative;
    display: inline-block;
    width: 94px;
    height: 20px;
    line-height: 1.8;
}
.content2-1-3{
    float: left;
    width: 426px;
    height: 200px;
}
.content2-1-3-title{
    height: 60px;
    width: 100%;
}
.content2-1-3-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content2-1-3-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content2-1-3-list{
    position: relative;
    width: 100%;
    height: 140px;
    top: 5px;
    left: 28px;
    font-size: 14px;
}
.content2-1-3-list a{
    text-align: center;
    position: relative;
    display: inline-block;
    width: 85px;
    height: 20px;
    line-height: 1.0;
}
.content2-2-1{
    float: left;
    width: 426px;
    height: 200px;
}
.content2-2-1-title{
    height: 60px;
    width: 100%;
}
.content2-2-1-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content2-2-1-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content2-2-1-list{
    position: relative;
    width: 100%;
    height: 140px;
    top: 5px;
    left: 45px;
    font-size: 14px;
}
.content2-2-2{
    float: left;
    width: 426px;
    height: 200px;
}
.content2-2-2-title{
    height: 60px;
    width: 100%;
}
.content2-2-2-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content2-2-2-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content2-2-2-list{
    position: relative;
    width: 100%;
    height: 140px;
    left: 45px;
    font-size: 14px;
}
.content2-2-2-list a{
    position: relative;
    display: inline-block;
    width: 94px;
    height: 20px;
    line-height: 1.8;
}
.content2-2-3{
    float: left;
    width: 426px;
    height: 200px;
}
.content2-2-3-title{
    height: 60px;
    width: 100%;
}
.content2-2-3-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content2-2-3-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content2-2-3-list{
    position: relative;
    width: 100%;
    height: 140px;
    top: 5px;
    left: 22px;
    font-size: 14px;
}
.content2-2-3-list a{
    text-align: center;
    position: relative;
    display: inline-block;
    width: 85px;
    height: 20px;
    line-height: 1.0;
}

.site-map .sm-account{
    position: relative;
    float: left;
    height: 200px;
    width: 600px;
    margin-left: 120px;
}
.sm-account h1{
    display: block;
    font-size: 15px;
    width: 100%;
    height: 35px;
    margin: 20px 0 0px 15px;
    color: rgb(255, 145, 105);
}

.sm-account .content3{
    display: block;
    float: left;
    width: 100%;
    height: 200px;
    background-color: rgb(250,250,250);
    border: 1px solid #e8e8e8;
}

.content3{
    float: left;
    width: 426px;
    height: 200px;
}
.content3-title{
    height: 60px;
    width: 100%;
}
.content3-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content3-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content3-list{
    position: relative;
    width: 100%;
    height: 140px;
    top: 15px;
    left: 20px;
    font-size: 14px;
}
.content3-list a{
    position: relative;
    text-align: center;
    display: inline-block;
    width: 100px;
    height: 20px;
    line-height: 1.8;
}

.site-map .sm-help{
    position: relative;
    float: right;
    width: 600px;
    height: 200px;
    margin-top: 56px;
    margin-right: 120px;
    background-color: rgb(250, 250, 250);
}
.sm-help h1{
    display: block;
    font-size: 15px;
    width: 100%;
    height: 35px;
    margin: -35px 0 0px 15px;
    color: rgb(255, 145, 105);
}

.sm-help .content4{
    display: block;
    float: right;
    width: 100%;
    height: 200px;
    background-color: rgb(250,250,250);
    border: 1px solid #e8e8e8;
}

.content4{
    float: left;
    width: 426px;
    height: 200px;
}
.content4-title{
    height: 60px;
    width: 100%;
}
.content4-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content4-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content4-list{
    position: relative;
    width: 100%;
    height: 140px;
    top: 5px;
    left: 10px;
    font-size: 14px;
}
.content4-list a{
    position: relative;
    text-align: center;
    display: inline-block;
    width: 110px;
    height: 20px;
    line-height: 1.8;
}
.site-map .sm-open{
    position: relative;
    float: left;
    height: 200px;
    width: 100%;
    margin-left: 120px;
}
.sm-open h1{
    display: block;
    font-size: 15px;
    width: 100%;
    height: 35px;
    margin: 20px 0 0px 15px;
    color: rgb(255, 145, 105);
}

.sm-open .content5{
    display: block;
    float: left;
    width: 1280px;
    height: 150px;
    background-color: rgb(250,250,250);
    border: 1px solid #e8e8e8;
}

.content5{
    float: left;
    width: 426px;
    height: 200px;
}
.content5-title{
    height: 60px;
    width: 100%;
}
.content5-title img{
    display: inline-block;
    margin-left: 35px;
    margin-top: 25px;
}
.content5-title h4{
    position: relative;
    display: inline-block;
    left: 0px;
    top: 20px;
    font-size: 16px;
}
.content5-list{
    position: relative;
    width: 100%;
    height: 140px;
    top: 15px;
    left: 33px;
    font-size: 14px;
}
.content5-list a{
    position: relative;
    text-align: center;
    display: inline-block;
    width: 100px;
    height: 20px;
    line-height: 1.8;
}
.footer{
    position: relative;
    height: auto;
    width: 1280px;
    margin-left: 120px;
}
.footer .footer-1{
    position: relative;
    width: 100%;
    height: 0px;
    margin-top: 50px;
    border-top: 1px solid #e8e8e8;   
}
.footer .footer-1 ul{
    position: relative;
    left: -40px;
    margin-top: 10px;
}
.footer .footer-1 a{
    position: relative;
    margin-left: 10px;
    font-size: 12px;
    width: 110px;
    height: 20px;
    line-height: 1.8;
}
.footer .footer-2{
    position: relative;
    width: 100%;
    margin-top: 50px;
    border-top: 1px solid #e8e8e8;   
}
.footer .footer-2-1{
    position: relative;
    width: 100%;
    height: 50px;
    border-top: 1px solid #e8e8e8;   
}
.footer .footer-2-2{
    position: relative;
    width: 100%;
    height: 50px;   
}
.footer .footer-2-1 ul{
    position: relative;
    float: left;
    font-size: 12px;
    left: -40px;
    top: 15px;
}
.footer .footer-2-1 span{
    position: relative;
    float: right;
    font-size: 12px;
    right: 480px;
    top: 15px;
}
.footer .footer-2-1 a{
    position: relative;
    margin-left: 10px;
    font-size: 12px;
    width: 110px;
    height: 20px;
    line-height: 1.8;
}
.footer .footer-2-2 ul{
    position: relative;
    width: 100%;
    float: left;
    font-size: 12px;
    left: -60px;
}
.footer .footer-2-2 ul li{
    padding-left: 20px;
}
.footer .footer-2-2 a{
    position: relative;
    margin-left: 10px;
    font-size: 12px;
    width: 110px;
    height: 20px;
    line-height: 1.8;
}
a{
    color: rgb(0, 0, 0);
}
h4{
    font-size: 18px;
    color: rgb(93, 93, 93);
}
a:hover{
    color: rgb(255, 102, 0);
}
</style>

